<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <link th:replace="layout :: head"/>
</head>

<body>
<div class="layui-fluid">
    <form id="queryForm" class="layui-form">
        <div class="layui-card">
            <div class="layui-card-header">
                <span>房间创建数(个)</span>
            </div>
            <div class="layui-card-body layui-row layui-col-space10">
                <div class="layui-col-md4">
                    <div class="form-title">时间</div>
                    <div class="form-input">
                        <input type="text" id="createdDate" readonly="readonly" class="layui-input">
                        <input type="hidden" id="startLeft" name="startLeft" th:value="${start}">
                        <input type="hidden" id="startRight" name="startRight" th:value="${end}">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="layui-col-md12">
    <div class="layui-card">
        <div class="layui-card-body">
            <div id="roomCreated" style="width:1400px;height:500px;"></div>
        </div>
    </div>
</div>

<script th:replace="layout :: script"></script>
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script>
<script th:src="@{/js/monitor/room.js}" type="text/javascript"></script>

</body>
</html>
